<template>
  <div class="xuanXiang">
    <dl class="once">
      <dt class="biaoqian">
        <span class="iconfont icon-icon_huifu-mian"></span>
      </dt>
      <dd>回复我的</dd>
    </dl>
    <dl class="once">
      <dt class="biaoqian">
        <span class="iconfont icon-aite"></span>
      </dt>
      <dd>@我的</dd>
    </dl>
    <dl class="once">
      <dt class="biaoqian">
        <span class="iconfont icon-dianzan_kuai"></span>
      </dt>
      <dd>收到的赞</dd>
    </dl>
    <dl class="once">
      <dt class="biaoqian">
        <span class="iconfont icon-tongzhi4"></span>
      </dt>
      <dd>系统通知</dd>
    </dl>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .xuanXiang{
    height: 1.05rem;
    /* background-color: aqua; */
    padding: .2rem 0;
    display: flex;
    justify-content: space-around;
  }
  .xuanXiang .once{
    width: 20%;
    height: .65rem;
    /* background-color: bisque; */
    text-align: center;
    
  }
  .xuanXiang .once .biaoqian{
    width: .43rem;
    height: .43rem;
    border-radius: 50%;
    background-color: rgb(25,163,254);
    margin: 0 auto;
  }
  .xuanXiang .once dd{
    font-size: .14rem;
    color: rgb(145,145,145);
    /* font-weight: 700; */
  }
  .icon-icon_huifu-mian,.icon-aite,.icon-dianzan_kuai,.icon-tongzhi4{
    line-height: .43rem;
    font-size: .24rem;
    color: white;
  }
</style>